<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>css布局</title>
<link href="style4.css" rel="stylesheet" type="text/css">
</head>

<body>
	<h2>css布局作业1</h2>
	<div class="box1 yellow">
		<div class="item1 red">0000001</div>
		<div class="item2 green">0000002</div>
		<div class="item3 bule">0000003</div>
	</div>
		
		<h2>css布局作业2</h2>
	<div class="box2 yellow">
		<div class="item1 red">0000001</div>
		<div class="item2 green">0000002</div>
		<div class="item3 bule">0000003</div>
	</div>
	
		<h2>css布局作业3</h2>
	<div class="box3 yellow">
		<div class="item1 red">0000001</div>
		<div class="item2 green">0000002</div>
		<div class="item3 bule">0000003</div>
	</div>
	
		<h2>css布局作业4</h2>
	<div class="box4 yellow">
		<div class="sun">
		<div class="item1 red">0000001</div>
		<div class="item2 green">0000002</div>
		<div class="item3 bule">0000003</div>
		</div>
	</div>
	
	<h2>css布局作业5</h2>
<div class="box5 yellow">
	  <div class="item1 red">0000001</div>
	  <div class="item2 green">0000002</div>
	  <div class="item3 bule">0000003</div>
	</div>
	
	<h2>css布局作业6</h2>
<div class="box6 yellow">
	  <div class="item1 red">0000001</div>
	  <div class="item2 green">0000002</div>
	  <div class="item3 bule">0000003</div>
	</div>
</body>
</html>
